<template>
  <div>
    <div class="md-5">
      <Header></Header>
    </div>

    <!-- 是Buefy中的一个类，页面会居中对齐，左右会有一定的间隔 -->
    <div class="container">
      <router-view/>
    </div>

    <div>
      <Footer></Footer>
    </div>
  </div>
</template>

<script>
import Header from '@/components/Layout/Hearder';
import Footer from '@/components/Layout/Footer';
export default {
  name: 'App',
  components: { Header, Footer }
}
</script>